body{
	background:#f1f1f1;
}
a{
	color:#f00;
	cursor:pointer;
	text-decoration:underline;
}
.clearfix{zoom:1;}
.clearfix:after{display:block; content:'.'; clear:both; line-height:0; visibility:hidden;}
#main{
	width:100%;
	height:400px;
	border:1px solid #ccc;
}
div{
	box-sizing: border-box;
}
.outerContainer{
	width:100%;
	height:100%;
	overflow:hidden;
	position: relative;
}
.outerContainer > div.outerLeft{
	height:100%;
}
.outerLeft > div:first-child{
	width:100%;
	/* height:100%; */
	border:1px solid #ddd;
}
.outerRight > div{
	width:100%;
	height:100%;
}
.outerLeft div.sideBars{
	cursor:pointer;	
	position: absolute;
	display: table;
	background: rgb(243, 242, 242);
}
.sideBars em{
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(../images/arrow.png) no-repeat 0 0;
	background-size: 100% auto;
	position: absolute;
	top:17.5px;
	opacity: 0.4;
}
.sideBars.back em{
	background-position:0 -14px;
}
.sideBars:hover em{
	opacity: 0.7;
}